
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Log in</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="/public/static/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/public/static/css/font-awesome.min.css">
</head>
<body>
    <div class="container">

        <div class="page-header">
            <h1>选择游戏</h1>
        </div>

        <div class="row">
            <{foreach from=$game item=item key=key}>
            <div class="col-sm-6 col-md-4">
                <div class="thumbnail">
                    <div class="caption">
                        <h3>
                            <i class="glyphicon glyphicon-triangle-right"></i>
                            <{$item.GameName}>
                        </h3>
                        <p style="height: 50px; overflow-y: auto;"><{$item.GameRemark}></p>
                        <p>
                            <a href="/data/?g=<{$item.GameSrc}>" class="btn btn-default" role="button">进入后台</a>
                        </p>
                    </div>
                </div>
            </div>
            <{/foreach}>
        </div>
    </div>

    <!-- jQuery 2.1.4 -->
    <script src="/public/static/js/jquery.min.js"></script>
    <!-- Bootstrap 3.3.5 -->
    <script src="/public/static/js/bootstrap.min.js"></script>
</body>
</html>